<style>

    #audioPlayer {
        display: flex;
        flex-wrap: wrap;
        position: fixed;
        right: 2rem;
        bottom: .5rem;
        left: 19.5rem;
        align-items: center;
        background-color: #fff;
        border-radius: 1rem;
        height: 4.5rem;
        z-index: 1004;
        box-shadow: 0 1px 12px 2px rgb(0 0 0 / 15%);
        transition: .4s all ease-in;
    }

    *, ::after, ::before {
        box-sizing: border-box;
    }

    user agent stylesheet
    div {
        display: block;
    }

    body {
        margin: 0;
        font-family: "Open Sans", sans-serif;
        font-size: .875rem;
        font-weight: 400;
        line-height: 1.45;
        color: #222629;
        text-align: left;
        background-color: #fff;
    }

    :root {
        --blue: #196eed;
        --indigo: #753fdc;
        --purple: #ad20d4;
        --pink: #e60087;
        --red: #f11717;
        --orange: #ff9900;
        --yellow: #ffcf00;
        --green: #00c746;
        --teal: #20c997;
        --cyan: #26bebf;
        --white: #fff;
        --gray: #6c757d;
        --gray-dark: #343a40;
        --primary: #753fdc;
        --secondary: #495057;
        --success: #00c746;
        --info: #196eed;
        --warning: #ffcf00;
        --danger: #f11717;
        --light: #dee2e6;
        --dark: #222629;
        --brand: #ad20d4;
        --breakpoint-xs: 0;
        --breakpoint-sm: 576px;
        --breakpoint-md: 768px;
        --breakpoint-lg: 992px;
        --breakpoint-xl: 1200px;
        --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }

    html {
        font-family: sans-serif;
        line-height: 1.15;
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: transparent;
    }

    *, ::after, ::before {
        box-sizing: border-box;
    }

    *, ::after, ::before {
        box-sizing: border-box;
    }

</style>


<div id="audioPlayer" class="player-primary" style="display: flex;
        flex-wrap: wrap;
        position: fixed;
        right: 2rem;
        bottom: .5rem;
        left: 19.5rem;
        align-items: center;
        background-color: #fff;
        border-radius: 1rem;
        height: 4.5rem;
        z-index: 1004;
        box-shadow: 0 1px 12px 2px rgb(0 0 0 / 15%);
        transition: .4s all ease-in;">

</div>